﻿<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <title>优优露茗</title>
    <meta name="viewport" content="width=device-width" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"
    />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="keywords" content="XXXXXX" />
    <meta name="description" content="XXXXXXXXX" />
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css"
      rel="stylesheet"
    />
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/animate.css" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
    <script type="text/javascript" src="js/wow.min.js"></script>
    <script type="text/javascript">
      new WOW().init();
    </script>

<link href="https://cdn.bootcdn.net/ajax/libs/Swiper/6.5.8/swiper-bundle.min.css" rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.5.8/swiper-bundle.min.js"></script>
  </head>
  <body>
    <div class="header">
      <div
        class="
          container
          d-flex
          flex-md-row
          justify-content-between
          prelat
          flex-sm-column
        "
      >
        <!-- d-sm-flex flex-sm-row flex-sm-nowrap flex-sm-column -->
        <!-- 联系电话 -->
        <div class="company d-md-block d-none">
          <p>上海XXX餐饮管理有限公司<br />XXX</p>
        </div>
        <!-- logo部分 -->
        <div class="logo">
          <a href="./index.html">
            <img src="./images/logo.png" />
          </a>
        </div>
        <!-- 联系电话 -->
        <div class="tel d-md-block d-none">
          <p>全国加盟<br />咨询热线<span>XXX</span></p>
        </div>
      </div>
    </div>
    <div class="container clear"></div>
    <div class="container fengge"></div>
    <div class="menu wow animated fadeInRight pt-4 pb-2">
      <div class="">
        <div class="menum"></div>
      </div>
    </div>

    <div class="div1 prelat wow animated fadeInLeft">
      <div class="container">
        <div class="div1_1"><img src="images/index_00.png" alt="" /></div>
        <div class="div1_2"></div>
        <div class="clear"></div>
      </div>
    </div>
    <div class="div2">
      <div class="container">
        <div class="tit wow animated fadeInDown">
          <img src="images/tit1.png" alt="" />
        </div>
        <div class=" wow animated fadeInUp py-4">
          <img src="images/img2_1.png" alt="" />
        </div>
        <div class="d-flex flex-column flex-md-row justify-content-conter">
          <div class=" wow animated fadeInRight mb-2">
            <h2>黑龙江省优优露茗饮品有限公司</h2>
            <p>
              黑龙江省优优露茗饮品有限公司——现招，县，市，加盟商，现在加盟，加盟费减半，免保证金活动，一切只为我们共同创业努力，十万以内的投资，只为保证大家共同创业，实地考察，位置有限。
            </p>
            <p>
              只要想创业请咨询； 电话： 18045988683/13796555321
              总经理，许春明，优优期待您的加入，共创自己的明天。。
            </p>
            <div class="text-end text-md-start">
              <a href="" class="more">MORE →</a>
            </div>
          </div>
          <div class="">
            <div id="slideBox" class="slideBox">
              <div class="hd">
                <ul>
                  <li>1</li>
                  -
                  <li>2</li>
                  -
                  <li>3</li>
                </ul>
              </div>
              <div class="bd">
                <ul>
                  <li>
                    <a href="#" target="_blank"
                      ><img src="images/pro.png" />
                      <p>吉尼斯纪录</p></a
                    >
                  </li>
                  <li>
                    <a href="#" target="_blank"
                      ><img src="images/pro.png" />
                      <p>吉尼斯纪录</p></a
                    >
                  </li>
                  <li>
                    <a href="#" target="_blank"
                      ><img src="images/pro.png" />
                      <p>吉尼斯纪录</p></a
                    >
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="div3">
      <div class="container">
        <div class="tit wow animated fadeInDown">
          <img src="images/tit2.png" alt="" />
        </div>

        <div class="d-flex flex-column flex-md-row justify-content-center">
          <div class=" wow animated fadeInLeft">
            <img src="images/img3.png" alt="" />
          </div>
          <div class="mt-0 mt-md-4 pt-0 pt-md-4">
            <div class=" wow animated fadeInRight">
              <img src="images/img3_1.png" alt="" />
            </div>
            <div class="mt-2 mt-md-4 wow animated fadeInRight">
              <p class="text-white">
                优优露茗这个品牌现招，县，市，加盟商，现在加盟，加盟费减半，免保证金活动，一切只为我们共同创业努力，十万以内的投资，只为保证大家共同创业”
              </p>
              
              <div class="text-end text-md-start">
                <a href="" class="more text-white">MORE →</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="div4">
      <div class="container">
        <div class="tit wow animated fadeInDown">
          <img src="images/tit3.png" alt="" />
        </div>
        <div class="div4_1 wow animated fadeInUp">
          <img src="images/img4.png" alt="" />
        </div>
        <div class="div4_2"><img src="images/img4_1.png" alt="" /></div>
      </div>
    </div>
    <div class="div5">
      <div class="container">
        <div class="tit wow animated fadeInDown">
          <img src="images/tit4.png" alt="" />
        </div>
        <div class="tab1">
          <div class="tab1">
            <div class="hd">
              <ul class="d-flex flex-row justify-content-between px-2 px-md-0 d-md-block">
                <li>门店展示</li>
                <li>店内展示</li>
                <li>团队风采</li>
              </ul>
            </div>
            <div class="bd">
              <ul>
                <div class="swiper-container">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <a href="#"><img src="./images/pic.png" width="100%" /></a>
                    </div>
                    <div class="swiper-slide">
                      <a href="#"><img src="./images/pic.png" width="100%" /></a>
                    </div>
                    <div class="swiper-slide">
                      <a href="#"><img src="./images/pic.png" width="100%" /></a>
                    </div>
                    <div class="swiper-slide">
                      <a href="#"><img src="./images/pic.png" width="100%" /></a>
                    </div>
                    <div class="swiper-slide">
                      <a href="#"><img src="./images/pic.png" width="100%" /></a>
                    </div>
                  </div>
                  <!-- Add Arrows -->
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                </div>
              </ul>
              <ul>
                <div class="swiper-container">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <a href="#"><img src="./images/pic.png" width="100%" /></a>
                    </div>
                    <div class="swiper-slide">
                      <a href="#"><img src="./images/pic.png" width="100%" /></a>
                    </div>
                    <div class="swiper-slide">
                      <a href="#"><img src="./images/pic.png" width="100%" /></a>
                    </div>
                    <div class="swiper-slide">
                      <a href="#"><img src="./images/pic.png" width="100%" /></a>
                    </div>
                    <div class="swiper-slide">
                      <a href="#"><img src="./images/pic.png" width="100%" /></a>
                    </div>
                  </div>
                  <!-- Add Arrows -->
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                </div>
              </ul>
              <ul>
                <div class="swiper-container">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <a href="#"><img src="./images/pic.png" width="100%" /></a>
                    </div>
                    <div class="swiper-slide">
                      <a href="#"><img src="./images/pic.png" width="100%" /></a>
                    </div>
                    <div class="swiper-slide">
                      <a href="#"><img src="./images/pic.png" width="100%" /></a>
                    </div>
                    <div class="swiper-slide">
                      <a href="#"><img src="./images/pic.png" width="100%" /></a>
                    </div>
                    <div class="swiper-slide">
                      <a href="#"><img src="./images/pic.png" width="100%" /></a>
                    </div>
                  </div>
                  <!-- Add Arrows -->
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                </div>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="div6 position-relative">
      <div class="div6_bus_wraper" style=""><img src="images/bus.png" alt="" /></div>
      <div class="">
        <div class="tit wow animated fadeInDown">
          <img src="images/tit5.png" alt="" />
        </div>
        <div class="tab2">
          <div class="hd container">
            <ul>
              <li>企业资讯</li>
              <li>行业资讯</li>
            </ul>
          </div>
          <div class="bd container">
            <ul class="row">
              <div class="col-12 col-md-6 newsl">
                <i class="news_icon"></i>
                <img src="images/news1.png" alt="" />
                <li class="p-2">
                  <a href="">
                    <dl  class="d-flex flex-row">
                      <dt ><span>21</span>2017-11</dt>
                      <dd class="flex-grow-1">
                        <p class="p1 elip1">
                          AAA暖冬计划,在寒冷的冬天到来之际,用安心健康的全球美食
                        </p>
                        <p class="p2 elip2">
                          生鲜电商春播在今年双十一期间推出大促活动——暖冬计划,在寒冷的冬天到来之际,用安心健康的全球美食给你温暖,用最给力的...
                        </p>
                      </dd>
                    </dl>
                  </a>
                </li>
              </div>
              <div class="col-12 col-md-6 newsr">
                <li>
                  <a href="">
                    <dl  class="d-flex flex-row">
                      <dt><span>21</span>2017-11</dt>
                      <dd class="flex-grow-1">
                        <p class="p1 elip1">
                          暖冬计划,在寒冷的冬天到来之际,用安心健康的全球美食
                        </p>
                        <p class="p2 elip2">
                          生鲜电商春播在今年双十一期间推出大促活动——暖冬计划,在寒冷的冬天到来之际,用安心健康的全球美食给你温暖,用最给力的...
                        </p>
                      </dd>
                    </dl>
                  </a>
                </li>
                <li>
                  <a href="">
                    <dl  class="d-flex flex-row">
                      <dt><span>21</span>2017-11</dt>
                      <dd class="flex-grow-1">
                        <p class="p1 elip1">
                          暖冬计划,在寒冷的冬天到来之际,用安心健康的全球美食
                        </p>
                        <p class="p2 elip2">
                          生鲜电商春播在今年双十一期间推出大促活动——暖冬计划,在寒冷的冬天到来之际,用安心健康的全球美食给你温暖,用最给力的...
                        </p>
                      </dd>
                    </dl>
                  </a>
                </li>
                <li>
                  <a href="">
                    <dl  class="d-flex flex-row">
                      <dt><span>21</span>2017-11</dt>
                      <dd class="flex-grow-1">
                        <p class="p1 elip1">
                          暖冬计划,在寒冷的冬天到来之际,用安心健康的全球美食
                        </p>
                        <p class="p2 elip2">
                          生鲜电商春播在今年双十一期间推出大促活动——暖冬计划,在寒冷的冬天到来之际,用安心健康的全球美食给你温暖,用最给力的...
                        </p>
                      </dd>
                    </dl>
                  </a>
                </li>

                <li class="last"><a href="" class="more">MORE →</a></li>
              </div>
            </ul>
            <ul class="row">
              <div class="col-12 col-md-6 newsl">
                <i class="news_icon"></i>
                <img src="images/news1.png" alt="" />
                <li class="p-2">
                  <a href="">
                    <dl  class="d-flex flex-row">
                      <dt ><span>21</span>2017-11</dt>
                      <dd class="flex-grow-1">
                        <p class="p1 elip1">
                          AAA暖冬计划,在寒冷的冬天到来之际,用安心健康的全球美食
                        </p>
                        <p class="p2 elip2">
                          生鲜电商春播在今年双十一期间推出大促活动——暖冬计划,在寒冷的冬天到来之际,用安心健康的全球美食给你温暖,用最给力的...
                        </p>
                      </dd>
                    </dl>
                  </a>
                </li>
              </div>
              <div class="col-12 col-md-6 newsr">
                <li>
                  <a href="">
                    <dl  class="d-flex flex-row">
                      <dt><span>21</span>2017-11</dt>
                      <dd class="flex-grow-1">
                        <p class="p1 elip1">
                          暖冬计划,在寒冷的冬天到来之际,用安心健康的全球美食
                        </p>
                        <p class="p2 elip2">
                          生鲜电商春播在今年双十一期间推出大促活动——暖冬计划,在寒冷的冬天到来之际,用安心健康的全球美食给你温暖,用最给力的...
                        </p>
                      </dd>
                    </dl>
                  </a>
                </li>
                <li>
                  <a href="">
                    <dl  class="d-flex flex-row">
                      <dt><span>21</span>2017-11</dt>
                      <dd class="flex-grow-1">
                        <p class="p1 elip1">
                          暖冬计划,在寒冷的冬天到来之际,用安心健康的全球美食
                        </p>
                        <p class="p2 elip2">
                          生鲜电商春播在今年双十一期间推出大促活动——暖冬计划,在寒冷的冬天到来之际,用安心健康的全球美食给你温暖,用最给力的...
                        </p>
                      </dd>
                    </dl>
                  </a>
                </li>
                <li>
                  <a href="">
                    <dl  class="d-flex flex-row">
                      <dt><span>21</span>2017-11</dt>
                      <dd class="flex-grow-1">
                        <p class="p1 elip1">
                          暖冬计划,在寒冷的冬天到来之际,用安心健康的全球美食
                        </p>
                        <p class="p2 elip2">
                          生鲜电商春播在今年双十一期间推出大促活动——暖冬计划,在寒冷的冬天到来之际,用安心健康的全球美食给你温暖,用最给力的...
                        </p>
                      </dd>
                    </dl>
                  </a>
                </li>

                <li class="last"><a href="" class="more">MORE →</a></li>
              </div>
            </ul>

          </div>
        </div>
        <div class="div6_2"><img src="images/img5_01.png" alt="" /></div>
      </div>
    </div>

    <div class="footer"></div>
    <script type="text/javascript" src="js/piccarousel.js"></script>
    <script>
      jQuery(".tab1").slide({ delayTime: 1000, interTime: 5000, startFun: function () {
        initSwiper()
      } });
      jQuery(".tab2").slide({ delayTime: 1000, interTime: 5000 });
      jQuery(".slideBox").slide({ mainCell: ".bd ul", autoPlay: true });
      $(".A_Demo").PicCarousel("init");

      initSwiper ()
      function initSwiper () {
        var swiper = new Swiper('.swiper-container', {
          slidesPerView: 3,
          spaceBetween: 0,
          centeredSlides: true,
          loop: true,
          navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
          },
          pagination: {
            el: '.swiper-pagination',
            clickable: true,
          },
        });
      }
    </script>

    <script type="text/javascript">
      $(function(){
        $(".footer").load("./iframe/footer.html");
        $(".menum").load("./iframe/nav.html");
      })
    </script>
  </body>
</html>
